import { Button, SwipeCell } from '@taroify/core';
import { View } from '@tarojs/components';
import UserAvatar from './UserAvatar';

export default () => {
  return (
    <SwipeCell onTouchMove={e => e.stopPropagation()}>
      <SwipeCell.Actions side="left">
        <Button variant="contained" shape="square" color="primary">
          选择
        </Button>
      </SwipeCell.Actions>
      <View className="flex justify-between m-3 text-xs text-[#B3B3B3]">
        <View className="flex gap-2">
          <UserAvatar showName={false} />
          <View>
            <View className="text-sm text-gray-600">��称：测试��称</View>
            <View>备注：测试备注</View>
          </View>
        </View>
        <View>10:10</View>
      </View>
      <SwipeCell.Actions side="right">
        <Button variant="contained" shape="square" color="info">
          取消关注
        </Button>
        <Button variant="contained" shape="square" color="primary">
          置顶
        </Button>
        <Button variant="contained" shape="square" color="danger">
          删除
        </Button>
      </SwipeCell.Actions>
    </SwipeCell>
  );
};
